<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>随机视频</title>
</head>
<body>
    <!-- 原始 HTML 方案 -->
    <h3>随机视频：</h3>
    <img src="pixel.php" width="1" height="1" style="display:none">

    <hr>

    <!-- JavaScript 动态创建方案 -->
    <h3>随机视频：</h3>
    <div id="js-container"></div>

    <script>
        // 动态创建隐藏图片
        function createHiddenImage() {
            const img = document.createElement('img'); // ① 创建 img 元素
            img.width = "1";                         // ② 设置宽度
            img.height = "1";                        // ③ 设置高度
            img.style.display = "none";              // ④ 设置隐藏样式
            img.src = "pixel.php"; // ⑤ 可选：设置透明占位图
            document.getElementById('js-container').appendChild(img); // ⑥ 插入到页面
        }

        // 页面加载完成后执行
        window.onload = createHiddenImage;
    </script>
</body>
</html>
